<ion-header>
    <div class="wd_matchTop">
        <div class="topBar">
            <a class="back_icon_white" href="javascript:;" navPop></a>
            <div class="titleBar">{{countryName||''}}赛事</div>
        </div>
    </div>
</ion-header>
<ion-content class="bg_242b45" scroll-subscribe>
    <div class="pl10 pr10 pb30">
        <div class="whiteBlock">
            <ul class="countryList">
                <li class="border bdb bdr bdc_eee" *ngFor="let item of leagueList"  tappable (click)="goLeaguePage(item.id)" >
                    <img src="{{item?.logo||'assets/img/team_logo.png'}}" onerror="this.src='assets/img/team_logo.png'">
                    <span>{{item?.name}}</span>
                </li>
            </ul>
            <ion-infinite-scroll (ionInfinite)="loadNextPage($event)" *ngIf="hasNext" distance="1%">
                <ion-infinite-scroll-content></ion-infinite-scroll-content>
            </ion-infinite-scroll>
        </div>
        <div class="wd_noData" [hidden]="(leagueList&&leagueList.length>0)"><!--暂无数据-->
            <div class="wd_noData blue">
                <i></i>
                <p [hidden]="loading">暂无数据</p>
                <p [hidden]="!loading">数据加载中...</p>
            </div>
        </div>
    </div>
</ion-content>